import { debounce } from "./utils"
import { $bus } from "./bus"

import BackTop from '@/components/content/backTop/BackTop.vue'

export const backTopMixin = {
  components: {
    BackTop
  },
  data () {
    return {
      isBackShow: false
    }
  },
  methods: {
    backClick(){
      this.$refs.scroll.scrollTo(0, 0, 500)
    }
  }
  
}

export const itemListenerMixin = {
    data() {
        return {
            itemImgListener: null,
        }
    },
    mounted() {
        // 1.item中图片加载完的事件监听
        // console.log($bus);
        // 对this.$refs.scroll.refresh这个函数进行防抖操作
        let refresh = debounce(this.$refs.scroll.refresh, 200)
        // 对监听的事件进行保存
        this.itemImgListener = () => {
            refresh()
        }
        $bus.on('itemImageLoad', this.itemImgListener)
        // console.log("我是混入中的内容");
    }
}